<!DOCTYPE html>
<html lang="en">
<!-- MAIN HEADER -->
<div th:fragment="home">
	<!--  -->
	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span12">
				<div class="carousel slide" id="carousel-578298">
					<ol class="carousel-indicators">
						<li data-slide-to="0" data-target="#carousel-578298"></li>
						<li data-slide-to="1" data-target="#carousel-578298"></li>
						<li data-slide-to="2" data-target="#carousel-578298"
							class="active"></li>
					</ol>
					<div class="carousel-inner" style="height: 300px">
						<div class="item">
							<img alt="" src="static/img/shop01.png"
								style="height: 300px; width: auto" />
							<div class="carousel-caption">
								<h4>棒球</h4>
								<p>棒球运动是一种以棒打球为主要特点，集体性、对抗性很强的球类运动项目，在美国、日本尤为盛行。</p>
							</div>
						</div>
						<div class="item">
							<img alt="" src="static/img/shop02.png"
								style="height: 300px; width: auto" />
							<div class="carousel-caption">
								<h4>冲浪</h4>
								<p>
									冲浪是以海浪为动力，利用自身的高超技巧和平衡能力，搏击海浪的一项运动。运动员站立在冲浪板上，或利用腹板、跪板、充气的橡皮垫、划艇、皮艇等驾驭海浪的一项水上运动。
								</p>
							</div>
						</div>
						<div class="item active">
							<img alt="" src="static/img/shop03.png"
								style="height: 300px; width: auto" />
							<div class="carousel-caption">
								<h4>自行车</h4>
								<p>
									以自行车为工具比赛骑行速度的体育运动。1896年第一届奥林匹克运动会上被列为正式比赛项目。环法赛为最著名的世界自行车锦标赛。
								</p>
								<a class="primary-btn cta-btn" href="#">了解详情</a>
							</div>
						</div>
					</div>
					<a data-slide="prev" href="#carousel-578298"
						class="left carousel-control">‹</a> <a data-slide="next"
						href="#carousel-578298" class="right carousel-control">›</a>
				</div>
			</div>
		</div>
		<div class="row-fluid">
			<div class="span12" style="margin: 10px">
				<h2>
					<div style="float: left;border-radius:50%;position:relative; height: 90px;width:90px; overflow:hidden;background-color: #E4E7ED;vertical-align: middle;">
						<img class="image1" src="static/img/shop01.png"  alt="Cinque Terre" 
						style="height: auto;width: 85px;position:absolute;top: 20%;bottom: 20%;" align="middle">
					</div>
					<span th:text="${store.name}">店铺</span>
				</h2>
				<h5 th:text="${store.remark}"></h5>
			</div>
			<p th:text="${store.business}"></p>
		</div>
		<div class="row-fluid">
			<div class="span12">
				<i class="fa fa-map-marker pull-left">&nbsp;地址：<span th:text="${store.address}"></span></i>
				<i class="fa fa-phone pull-right">&nbsp;电话：<span th:text="${store.telPhone}"></span></i>
			</div>
		</div>
	</div>
	<!-- container -->
</div>
</html>